<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>巡更点</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/header.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="css/home_task_con.css" />
    <style>
        .fw-label-tag{
            background: #289FFF;
            color: #fff;
            border-radius: 50%;
            width: 19px;
            height: 19px;
            line-height: 20px;
            text-align: center;
            margin-top: 3.5px;
        }
        .new_tab_active{
            border-bottom: solid 2px #289FFF;
            color: #289FFF;
        }
        .aui-list{
            background-size: 100% 0px;
            border-top: 0;
        }
        .aui-list,.aui-list .aui-list-item{
            padding-left:0;
        }
        .aui-list .aui-list-item-inner{
            padding-right:0;
        }
        .aui-list .aui-list-item:last-child{
            border-bottom:0;
        }
        .new-aui-label{
            padding: 0.25em 0.5em;
        }
        .aui-label-info:after{
            color: #289FFF !important;
            border-color: #289FFF !important;
        }
        .new-aui-label::after{
            border-radius: 4px;
        }
        .work_con_box_time {
            display: flex;
            }
        .marginheight {
            margin-top: 0.5rem;
        }
        .work_con_box_left {
            display: inline-block;
            width: 28%;
            color: #828C9A;
        }
        .work_con_box_right {
            display: inline-block;
            width: 70%;
            color: #344356;
        }

        .work_con_box_right label {
            display: block;
            width: 100%;
        }
        .work_con_box_end_title {
            margin-top: 0.5rem;
            font-size: 0.7rem;
        }
        .new_work_typebox{
            display: flex;
            justify-content: space-between;
            height: 50px;
            border-top: 0.5px solid #f5f5f5;
            align-items: center;
        }
        .new_work_btn{
            width: 60px;
            line-height: 24px;
            height: 24px;
            color: #289FFF;
            border: #289FFF 0.5px solid;
            background: #ffffff;
            box-shadow: unset;
            margin-top: 5px;
            margin-bottom: 0;
            font-size: 12px;
        }
        .new_work_btn_blue{
            background: #289FFF;
            color: #ffffff;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <section class="aui-content contentBox">
            <div class="aui_list boxarea mb20">
                <div class="work_title">
                    基础信息
                   <span class="typestatus dsl fr">{{form.StatusDesc}}</span>
                </div>
                <div class="pb10">
                    <div class="mt20">
                        <div class="mb10 ">
                            <label class="label-text-width ccc">巡更点</label>
                            <label class="fr">{{form.PatrolName}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">编码</label>
                            <label class="fr">{{form.Number}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">所属项目</label>
                            <label class="fr">{{form.ProjectName}}</label>
                        </div>
                        <div class="mb10">
                            <label class="label-text-width ccc">备注</label>
                        </div>
                        <div class="mb10">
                            <label>{{form.Remark?form.Remark:'--'}}</label>
                        </div>
                    </div>
                </div>
            </div>
            <div  class="aui_list boxarea mb20">
                <div class="ptb10" >
                    <div class="aui-tab" id="tab">
                        <div class="aui-tab-item" v-on:click="select_tab(1)" v-bind:class="{'new_tab_active':activetab==1}">工作记录</div>
                        <div class="aui-tab-item" v-on:click="select_tab(2)" v-bind:class="{'new_tab_active':activetab==2}">巡查问题</div>
                    </div>
                </div>
            </div>   

            <div v-if="activetab==1" class="aui_list boxarea mb20">
                    <ul class="aui-list aui-list-in">
                        <li class="aui-list-item">
                            <div class="aui-list-item-inner">
                                <div class="aui-list-item-title"> <span class="aui-font-size-16"><span class="text-grey aui-font-size-16">累计巡查次数：</span>{{gzCount}}</span></div>
                                <div class="aui-list-item-right">
                                    <div v-on:click="doOpenMoreRecord()" class="text-blue" >查看更多</div>
                                </div>
                            </div>
                        </li>
                        <li v-on:click="open_details(item)" v-for="item in gzlist" class="aui-list-item">
                            <div class="aui-list-item-label-icon">
                                <i class="icon iconfont icon-shijian text-grey"></i>
                            </div>
                            <div class="aui-list-item-inner">
                                <div class="aui-list-item-title"><span>{{item.TaskTimeDesc}}</span></div>
                                <div  class="aui-list-item-right">
                                    <div v-if="item.TaskStatus=='异常'" class="aui-label aui-label-danger aui-label-outlined new-aui-label">{{item.TaskStatus}}</div>
                                    <div v-else-if="item.TaskStatus=='漏巡'" class="aui-label aui-label-warning aui-label-outlined new-aui-label">{{item.TaskStatus}}</div>
                                    <div v-else class="aui-label aui-label-info aui-label-outlined new-aui-label">{{item.TaskStatus}}</div>
                                </div> 
                            </div>
                        </li>
                    </ul>
            </div>    
            <div v-if="activetab==2" >
                <div class="ptb10" >
                    <div  v-for="item in xclist" class="aui_list boxarea mb20">
                            <div v-on:click="openGongdan(item)" class="work_con_box aui-padded-b-15">
                                <div class="workheader aui-margin-b-15">
                                    <div class="work_title_add ellipsis_one fl" style="font-weight: bold;width: 60%;">
                                        {{item.Remark}}</div>
                                </div>
                                <div class="work_con_box_time marginheight">
                                    <div class="work_con_box_left">创建时间：</div>
                                    <div class="work_con_box_right">
                                        <label>{{item.CreateTimeDesc}}</label>
                                    </div>
                                </div>
                                <div class="work_con_box_time marginheight">
                                    <div class="work_con_box_left">创建人：</div>
                                    <div class="work_con_box_right">
                                        <label>{{item.CreateUserName}}</label>
                                    </div>
                                </div>
                            </div>
                            <div v-if="item.Status==0"  class="new_work_typebox" style="justify-content: center;">
                               <div class="text-grey"><i class="icon iconfont icon-gantanhao"></i> 问题已提交,暂未创建处理工单。</div>
                            </div>
                            <div v-if="item.Status!=0" v-on:click="open_list(item)"  class="new_work_typebox">
                                <div>
                                    关联工单：<span class="text-blue">{{item.GongdanNo}}</span>
                                    <i class="icon iconfont icon-arrow-right ccc aui-font-size-12" style="vertical-align: text-bottom;"></i>
                                </div>
                                <div>
                                    <label class="work_beginbtn new_work_btn new_work_btn_blue" >{{item.ServiceStatusDesc}}</label>
                             </div>
                        </div>
                    </div>
                    <div v-if="xclist.length<=0"  class="aui_list boxarea mb20">
                        <div class="noinfo aui-padded-b-15 aui-padded-t-15" id="noorder" >
                            <img src="../image/index/noinfomsg_icon.png" alt="" />
                            <h5><br />暂无相关信息</h5>
                        </div>
                    </div>
                </div>
            </div>  
            <div class="notodayList" style="background:none;">
                没有更多内容
            </div> 
            <div class="aui_bottom">
                <div class="aui_bottombtn" v-on:click="doRecordAdd()">手动添加工作记录</div>
            </div>
        </section>
    </div>
  
</body>
<script type="text/javascript " src="../script/api.js"></script>
<script type="text/javascript " src="../script/vue.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript " src="../script/moment/moment.js"></script>
<script type="text/javascript " src="js/patrolplan_homedetail.js"></script>

</html>
